.task-wrap{
  width:100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.handle-btn-wrap{
  flex:none;
}
.handle-btn{
  margin-right: 30px;
}
.task-desc{
  display: flex;
  align-items: center;
  flex:1;
  Text:nth-of-type(1){
    flex: 1;
    max-width: 400px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px;
  }
  Text:nth-of-type(2) {
    font-size: 30px;
    color: #ccc;
  }
}